<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div>
        <router-view></router-view>
        <van-tabbar route active-color="#ee0a24" inactive-color="#000">
            <van-tabbar-item to="/home" icon="wap-home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/cart" icon="shopping-cart-o" :badge="cartTotal">购物车</van-tabbar-item>
            <!-- <van-tabbar-item to="/order" icon="notes-o">订单</van-tabbar-item> -->
            <van-tabbar-item to="/user" icon="user-o">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>
<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import { mapGetters } from 'vuex'

export default {
  name: 'Layout',
  // 监听属性 类似于data概念
  computed: {
    ...mapGetters('cart', ['cartTotal'])
  }
}
</script>
